<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/assets/perpageres/vant.min.css"/>
    <script src="/assets/perpageres/vue.min.js"></script>
	<script src="/assets/perpageres/vant.min.js"></script>
	<script src="/assets/award/js/jquery.min.js"></script>
    <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <link href="/assets/award/css/mui.min.css" rel="stylesheet" />
<link href="/assets/award/css/component.css" rel="stylesheet" type="text/css">
<link href="/assets/award/css/award.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/assets/award/css/animate.min.css" />
<style>
    #form-container {
        margin:20px auto 0 auto;
        padding: 30px 15px 0 15px;
        border-top:1px solid #7a312d;
    }
    .form-field {
        display: flex;
        margin-bottom: 10px;
    }
    .form-field label {
        width:90px !important;
        text-align: right;
        display: block;
        margin-bottom: 5px;
        font-size:2.2rem;
        font-weight:700;
        padding-right:5px;
    }
    .form-field input {
        width: 100%;
        padding:0 5px;
        font-size:2.2rem;
        border: 1px solid #ccc;
        border-radius: 3px;
    }
    .form-field button {width:30vw;text-align:center;margin:0 auto;margin-bottom:5vw;line-height:6vw;color:#e1ce85;background:#ba2d1c;border-radius:5px;font-size:4vw}
    .zj_text div span{color:#000;}
</style>
    <title>#{$title}#</title>
    <script>
        var lottery_name = '#{$lottery_info.prize_name}#';
        !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"KBTYwQXPA0SNjMig",ck:"KBTYwQXPA0SNjMig"});
        </script>
</head>

<body>

    <input type="hidden" name="gamed" id="gamed" value="#{$gamed}#" />
    <input type="hidden" name="gameState" id="gameState" value="{{gameState}}" />
    <input type="hidden" name="cardCode" id="cardCode" value="{{cardCode}}" />
    <input type="hidden" name="mId" id="mId" value="{{mId}}" />
    
    <div class="ml-main" id="ml-main">
    <img class="main_back" src="/assets/award/picture/back.png" />
    <img class="animated zoomIn img_2_1" src="/assets/award/picture/img_1.png">
    <img class="animated bounceIn img_2_2" src="/assets/award/picture/img_2.png">
    <div class="kePublic">
    
    <div style="margin:0 auto">
    <div class="banner">
    <div class="turnplate" style="background-image:url(res/images/turnplate-bg_2.png);background-size:100% 100%;font-size:24px !important;">
    <canvas class="item" id="wheelcanvas" width="516" height="516"></canvas>
    <img id="tupBtn" class="pointer" src="/assets/award/picture/turnplate-pointer_2.png" />
    </div>
    </div>
    </div>
    
    <div class="clear"></div>
    </div>
    <img class="bottom_shadow" src="/assets/award/picture/bottom_shadow.png" />
    <img class="animated zoomIn kePublic_back" src="/assets/award/picture/back1.png" />
    
    
    <div class="record_line" id="Marquee" style="display: none;">
    <div id="">
    恭喜 159****3540 的用户抽中 <span id="gift_coupon">200元现金代金券</span>
    </div>
    </div>
    
    <img class="rule_title" src="/assets/award/picture/rule_title.png" />
    <div class="rule_text">
        一等奖：
        1名，送价值3880元 黄金超声炮一次<br>
        二等奖：
        2名，送价值1280元 黑金超光子一次<br>
        三等奖：
        5名，送价值580元舒敏之星一次<br>
        参与奖：
        价值300元面部深度清洁水润养护<br>
        伴手礼：
        械字号医用面膜一盒 + 私密健康检测一次<br><br>
    </div>
    </div>
    
    <div class="zj-main" id="zj-main">
    <div class="txzl">
    <div class="zj_text">
    <h3>恭喜获得《<span id="jiangpin"></span>》</h3>

    <p>请填写领奖信息！</p>
    <div id="form-container">
        <div class="form-field">
            <label for="name">姓名:</label>
            <input type="text" id="name" placeholder="请输入姓名">
        </div>
        <div class="form-field">
            <label for="phone">手机号码:</label>
            <input type="text" id="phone" placeholder="请输入手机号码">
        </div>
        <div class="form-field">
            <button id="submit-btn">提交信息领奖</button>
        </div>
    </div>

    </div>

    </div>
    </div>
    
    <div class="xxcy-main" id="xxcy-main">
    <div class="xxcy">
    <div class="xxcy_text">
    很遗憾<br>没有抽中礼品
    </div>
    <div class="close_xxcy">关闭</div>
    </div>
    </div>
    </body>

    <script src="/assets/award/js/mui.min.js"></script>
    <script type="text/javascript" src="/assets/award/js/awardrotate.js"></script>
    
    <script type="text/javascript" src="/assets/award/js/award.js"></script>
    </html>
    <script>
    $(function(){
        $("#submit-btn").on("click",function(){
            var name = $("#name").val();
            var phone = $("#phone").val();
            if(!name){
                vant.Dialog.alert({
                    title: '提示',
                    message: "请填写姓名！",
                });
                return false;
            }

            var regex = /^1\d{10}$/;
            if(!regex.test(phone)){
                vant.Dialog.alert({
                    title: '提示',
                    message: "手机号码错误！",
                });
                return false;
            }


            $.post("/index.php/mobile/Award/save", { name: name, phone: phone }, function(response) {
                vant.Dialog.alert({
                    title: '提示',
                    message: response.msg,
                });
                return false;
            });
                        
            return false;
        });
        document.addEventListener("WeixinJSBridgeReady",function(){
           // WeixinJSBridge.call('hideOptionMenu'); 
        });
    });
    </script>
</body>
</html>
